
//文档加载事件
$(function () {
    $("#slider").slidebox({
        boxh: 440,//盒子的高度
        w: 1000,//盒子的宽度
        h: 390,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 24,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 10,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: true //是否显示数字
    });


    $(".picSlider").slidebox({
        boxh: 218,//盒子的高度
        w: 332,//盒子的宽度
        h: 218,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 4,//控制按钮高度
        radius: 0,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: false //是否显示数字
    });


    //clothing轮播

    $(".cloSlider").slidebox({
        boxh: 340,//盒子的高度
        w: 430,//盒子的宽度
        h: 340,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 4,//控制按钮高度
        radius: 0,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: false //是否显示数字
    });

    //books-top选项卡

    $('.cla-book').on('mouseenter', function () {
        let index = $(this).index();
        $(this).css({ 'background-color': '#ff6600', 'color': '#ffffff' })
        $(this).siblings('.cla-book').css({ 'background-color': '#ffffff', 'color': 'black' })
        $('.lbooks').siblings('.lbooks').removeClass('tbooks')
        $('.lbooks').eq(index - 1).addClass('tbooks')
    })



    //新书畅销手风琴动画

    $('.rbooks .new-book').on('mouseenter', function () {
        $(this).find('div').css('display', 'block')
        $(this).find('p').css('display', 'none')
        $(this).siblings('.new-book').find('div').css('display', 'none')
        $(this).siblings('.new-book').find('p').css('display', 'block')

    })
    // $('.rbooks .new-book').on('mouseenter',function(){
    //     $(this).find('div').stop(false).slideDown(500)
    //     $(this).find('p').stop(false).slideUp(500)
    //     $(this).siblings('.new-book').find('div').stop(false).slideUp(500)
    //     $(this).siblings('.new-book').find('p').stop(false).slideDown(500)

    // })

    // clothing选项卡效果

    $('.clothes .clo-top span').on('mouseenter', function () {
        let index = $(this).index();
        
        $(this).css({ 'background-color': '#ff6600', 'color': '#ffffff' })
        $(this).siblings('span').css({ 'background-color': '#ffffff', 'color': 'black' })
        $('.clothes .clo-main').siblings('.clo-main').removeClass('clo-block')
        $('.clothes .clo-main').eq(index-1).addClass('clo-block')

    })


    $('.sport .clo-top span').on('mouseenter', function () {
        let index = $(this).index();
        
        $(this).css({ 'background-color': '#ff6600', 'color': '#ffffff' })
        $(this).siblings('span').css({ 'background-color': '#ffffff', 'color': 'black' })
        $('.sport .clo-main').siblings('.clo-main').removeClass('clo-block')
        $('.sport .clo-main').eq(index-1).addClass('clo-block')

    })

    $('.cwear .clo-top span').on('mouseenter', function () {
        let index = $(this).index();
        
        $(this).css({ 'background-color': '#ff6600', 'color': '#ffffff' })
        $(this).siblings('span').css({ 'background-color': '#ffffff', 'color': 'black' })
        $('.cwear .clo-main').siblings('.clo-main').removeClass('clo-block')
        $('.cwear .clo-main').eq(index-1).addClass('clo-block')

    })

    // 商品推广选项卡
    $('span.pro-tab').on('mouseenter',function(){
        let index=$(this).index();
        console.log(index)

        $(this).addClass('pro-tab-on')
        $(this).siblings('.pro-tab').removeClass('pro-tab-on')
        $('.pro-main').siblings('.pro-main').removeClass('pm-block')
        $('.pro-main').eq(index).addClass('pm-block')
    })

    $('img').on('click',function(){

        window.location.href='../code/product-list.html'

    })
})

